用Flash MX制作Windows弹出窗口

不过我们今天的这个Flash作品既然是个简单的演示版本，那咱们就一切从简吧，还是那句话，当我们在制作Flash的时候，还是先理清楚设计思路的好，养成良好的习惯嘛！

图1
制作思路：有一个工具栏在界面的下端；工具栏的左端是“开始”按钮，点击后有菜单弹出；而组成这个菜单的应该又是一个一个的按钮，当鼠标移到其上面时，又向右弹出相应的菜单。相信大家对Windows界面已经不会很陌生了，那么就开始吧。

工具栏及开始按钮

1、用矩形工具在场景上画一个不带边框的长条，长度最好和场景的宽度一致，将其移至场景下方；取这个层的名字为“工具栏”；

2、新建一层，名字为“开始按钮”，用矩形工具和文本工具做出带有“start”字样的小矩形，位置在工具栏的左端（如图1），然后将其转为Button，名字为“startm”。

向上弹出的菜单

1、新建一层，名字为“弹出菜单”，所有层都在第二帧加上关键帧。回到“弹出菜单”图层，对第二帧进行操作；

2、画一个大小合适的矩形，然后使用“linear Gradint”填色在矩形的顶端制作一个细长的矩形，在其上写“My Windows”的字样（如图2）。将这个图层全部选中，逆时针旋转90°，放到“Start”按钮的上端。将其转为Movie Clip，名字为“Pop-up”；

图2
3、对“Pop-up”进行操作，我们将原来第一层的名字改为“菜单背景”,新建两层，分别为“菜单文字”和“菜单按钮”。用文字工具在“菜单文字”层中写上一些选项文字；然后用矩形工具做一个空白按钮，名字为“mbt”，Over帧填上较深的颜色（相对于弹出菜单的背景颜色）。在“菜单按钮”一层中拖出相应个数的“mbt”，将它们排列整齐（如图3）。

图3
向右弹出菜单

和第二步类似，相应的在“Pop-up”这个MC中再新建一层，名字为“程序菜单”，所有层都在第二帧加上关键帧，对“程序菜单”的第二帧进行操作。画一个合适大小的矩形，将其转为MC，名字为“Progam”参照第二步的3，做好向右弹出菜单（如图4）。

如果还有子菜单，以此类推。

图4
相应的Action

1、回到场景，在其第一帧写Action：

Stop();

2、Start按钮的Action：

//鼠标点击，弹出开始菜单　　on (release) {　　gotoAndStop (2);　　}

3、对MC:pop-up进行操作，其第一帧的Action：

stop();

4、位置在Programs上的按钮的Action：

//鼠标在其上面，弹出对应菜单　　on (rollOver) {　　gotoAndStop (2);　　}

大家可以看到，实际上这个例子的Action非常简单，只是用到了“跳转”这样的指令，实际上应用Action不需要很复杂就可以达到理想的效果；当然，这个例子只是写出了一个菜单弹出的效果，但是以此类推不难做出所有的菜单弹出，这样的例子在网站导航经常会用到。实际应用中只需要在按钮上加入以下Action指令就可以了：

//当鼠标点击，获得指定URL并让主场景回到初始状态　　on (release) {　　getURL ("your URL");　　_root.gotoAndStop(1);　　}

当然，我们作的这个简单的Flash也有一定的不足，比如在菜单的外面点击并不会使菜单消失。要实现这样的效果也并不是不可以，不过今天我的任务就是使大家能够简单地了解Flash MX的制作弹出窗口的简单方法，所以呢，像这些问题还是留给大家自己去想吧！

Flash cam 制作软件实例课件

最近我在课件制作方面积累了一点心得，在这里和大家一起分享。我们今天主要谈谈如何充分使用桌面录像软件来制作一个设计教学课件，关键还是要掌握好所使用的软件的奥秘。

　　制作原理

　　当我们在制作一个实例的时候，同时有一个桌面录像软件在旁边摄录制作的过程，像我们平时使用的切图软件SnagIt就有录像的功能。说起来简单，具体操作起来就没那么容易了。假设在实例制作的过程中，有一步或者几步出错了，需要重来，但这些错误的过程已经被录像软件记下来了，难道就把这样的作品提供给读者学习么？即使没出错，我们也还应该在给制作步骤中一些重要的环节添加文字、或者旁白来解释，否则一个硬生生的制作动画，读者也不一定全都能看明白。所以说明性文字和配音也非常重要。

　　这样的课件制作，优秀的桌面录像软件就成了重中之重。理想的桌面录像软件应该有添加注释、配音，以及编辑处理制作过程中错误、多余步骤的功能。这里我推荐Flash cam软件， 这个软件不仅具有这些功能，同时对于制作Flash的实例更加有效。假设我们制作一个Flash文字特效的实例，Flash cam可以准确地记录制作的各个步骤。当然，你也可以用它制作其它软件的实例教学课件。下载试用
初识Flash cam

　　图一是Flash cam的主界面，中间的文件夹是我做的课件的保存文件。

　　
图一

　　如果要修改其中某个文件可以选中双击鼠标，打开它来编辑。选择“New Movie”就可以录制一个新的动画。这时会弹出一个询问对话框，主要是让我们选择录制的动画范围大小，如图二

图二

　　如果浏览器的显示比例为800*600，这里就选择录制的范围为800*600，我们可以在制作过程中将设计软件最大化，这样就能全屏幕录制文件。需要注意的是，可以把Windows桌面上的任务栏，选择滑动，这样全屏幕录制的时候，就只会看到设计软件了。

　　选好后录制范围后，点击“Next”按钮就开始录像了，正在录像会在桌面任务栏的右下方显示Flash cam的图标。如图三

图三

　　Flash cam的录像原则是，鼠标点击一下就会记录一帧，同时听到像照相机一样的“咔嚓”一声就表示被录下，如没听到声音就是没录成。不点击鼠标也不能录下这个步骤。敲击键盘录像软件也有声音同步。制作步骤完成后，点击右下方的Flash cam图标停止录像，这时会看到我们录制的结果，如图四就是刚才试录的文件。

图四

　　每点击一次鼠标就形成一个Frame。现在可以打开点开一帧察看画面效果了。如图五

图五

工具栏的使用

　　在具体察看每一帧效果的场景，我们同时可以对帧进行编辑，这里提供了很多可以用的编辑工具。首先来看工具栏，如图六

图六

　　1.“输出动画”：如果录制的结果编辑完成，则选择该项输出动画。Flash cam的提供的输出方式很多。如果要输出动画，它将输出和Flash配套相关的SWF格式。另外我们可以直接输出到Outlook中用邮件发出去，或者生成EXE文件，或用FTP方式上传到服务器等等。图七

图七

　　2.“文件备份”，指的是我们常做的保存文件，这样下次我们可以对现在录制的文件再进行编辑。

　　3.“添加动画播放按钮”，就像我们使用录像机的遥控器一样，可以在动画播放中控制它前进、后退、停止等功能。如图八

图八

　　“Position”：选择控制按钮在动画中摆放的位置。

　　“Style”：控制按钮的样式。

　　4.“编辑帧的特效”：设定帧与帧之间转换方式，例如渐入渐出。鼠标的速度，注释的播放速度，鼠标点击的颜色等等。

图九

　 5.“编辑动画开始和结束效果”：设定动画开始和结束的效果，例如结束后是否循环播放。

图十

　　6.“添加Action动作”：可以设置鼠标点击是否增加声音，键盘敲击是否有声音。

图十一

　　7.“当前帧鼠标的声音效果”：设定当前帧是否有鼠标点击的声音，是单击还是双击。

　　8.“当前帧鼠标的声音效果”：设定这一帧的时间长度。

　　图十二

　　9.“鼠标样式”：我们可以自定义当前帧鼠标显示的样式，不一定要使用我们常用的鼠标效果。选定好一种样式之后，输出的动画中鼠标将会用我们自定的效果。

图十三

动画编辑

　　前面简单介绍了Flash cam的操作和工具栏的功能。如果要编辑一个录制完成的动画，还是比较麻烦的。我们首先要一帧一帧的看录制结果，如果错误和多余的帧，可以点击鼠标右键将其删除。如果发现少了则要从少的部分开始重新录制一次。

　　1.删除和增加帧

　　删除帧很简单，如图十四

图十四

　　如果要增加帧，我们直接选择菜单栏上的“New”，将弹出询问是否从当前帧开始增加，还是从最后一帧增加新的帧。如图十五

图十五

　　然后点击“Next”重新制作这一步，开始录像。

　　2.增加注释

　　要给某一帧添加注释，需要打开帧，然后从菜单“Insert”下选择“Insert Caption”，界面上会看到文字提示框，我们可以编辑其中的注释文字。并且可以设置文字的字体大小、边框样式、注释显示的时间长度。

图十六

　　3.配音

　　在菜单栏“Frame”下选择“Audio”打开配音文件对话框，如图十七。

图十七

　　点击“Record”就可以开始配音了，你可以自己为动画添加旁白。然后点击“Play”测试配音效果。另外还可以选择“Movie”菜单下的“Audio Format”设置声音效果。

图十八

　　4.预览、输出动画

　　编辑工作完成后，可以点击“Preview”预览动画效果，或者直接选择“Explor”输出动画。

　　实例操作

　　下面我们制作一个课件，再按照实际操作程序为大家讲解CAI 的制作。以制作一个Flash的文字效果——“霓虹灯效果”为例。

　　1.在桌面任务栏上点击鼠标右键，选择“自动隐藏”将桌面任务栏自动隐藏。

　　图十九

　　2.打开Flash，以及Flash cam软件，点击Flash cam中的“New Movie”，大小为800*600，开始录像。

　　3.现在一步一步的开始制作Flash霓虹灯文字特效。

　　4.录制过程结束，其中有很多错误的地方，我们可以看看Before.swf文件。

　　下面我们打开帧，看看有哪些地方不要，将它们删除。

　　5.接下来添加注释注释文字。

　　图二十

　　像这样几个字文字的注释，我们把显示时间（Displayed for）设定为0.5秒就够了，读者能看明白了，时间太长读者也难得等。

　　6.最后我们可以给动画提供一个播放按钮，让读者自己控制播放进度。

　　7.如果不配音，现在制作过程就差不多了，输出动画看看效果，我们可以看看After.swf来和前面的比较一下。编辑后的课件动画 是不是和我们常看到的教学文件一样。